CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

css如何实现按钮居中显示

来源:网络整理  作者:  发布时间:2020-12-19 09:01
按钮居中显示的方法:【div style=margin:0 auto;width:200px;input class=submit id=btn type=submit value=注册 / /div】。...
<div style="margin:0 auto;width:200px;"> <input class="submit" id="btn" type="submit" value="注册" /> </div>

使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。

通过简单的Css样式就可以实现

12f6f890c2f536499a44b96677bd52f.png

后面的那个width也是个很重要的属性,因为按钮的宽度非常小,所以要设置一个合适的width值才可以让你的按钮居中显示。

以上就是css如何实现按钮居中显示的详细内容,更多请关注聚合云库其它相关文章!

先来看下效果:

(推荐教程:CSS教程

css如何实现按钮居中显示

.style{margin-left:auto;margin-right:auto;} 缩写形式为: .style{margin:0 auto;} 数字0 表示上下边距是0。可以按照需要设置成不同的值。

相关热词: CSS

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5547.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

css如何实现按钮居中显示

2020-12-19 编辑:

<div style="margin:0 auto;width:200px;"> <input class="submit" id="btn" type="submit" value="注册" /> </div>

使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。

通过简单的Css样式就可以实现

12f6f890c2f536499a44b96677bd52f.png

后面的那个width也是个很重要的属性,因为按钮的宽度非常小,所以要设置一个合适的width值才可以让你的按钮居中显示。

以上就是css如何实现按钮居中显示的详细内容,更多请关注聚合云库其它相关文章!

先来看下效果:

(推荐教程:CSS教程

css如何实现按钮居中显示

.style{margin-left:auto;margin-right:auto;} 缩写形式为: .style{margin:0 auto;} 数字0 表示上下边距是0。可以按照需要设置成不同的值。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/5547.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页